*{
	font-size: 13px;
	font-family: "Trebuchet MS";
}
body {
	margin: 0px;
	background: #E1E2E3;
}
.background {
	background: #F1F2F3;
}
#form_upload_file{
	background:white;
	padding:7px;
	}
.uploadcv_fd{
	border:1px solid #dbdbdb;
}
.background_gd_lg {
	background: #8DC145;
}
.background_gd_mg {
	background: #149741;
}
.border {
	border: 1px solid #CCC;
}
.border_r {
	border-radius: 2px;
	border:1px solid #ccc;
}
.font_color {
	color: #333;
}
.hr_ad_h {
	position: absolute;
	display: block;
	left: 0;
	top:0;
	right: 0;
	bottom: 0;
}
.hr_p_bar {
	position: relative;
	display: inline-block;
	padding: 5px 0px;
	text-align: center;
	font-size: 1.2em;
	background: #FFF;
	border-bottom: 1px solid #AAA;
	padding: 5px;
	border-radius: 3px;
	box-shadow: 0px 0px 2px #CCC;
}
.bkgrn_trans {
	/* default fallback */
	background: rgb(255, 255, 255) transparent;
	/* nice browsers */
	background: rgba(255, 255, 255, 0.7);
	background: #F1F2F3;
	opacity:0.7;
	filter:alpha(opacity=70);
}
/* Login page of admin */
.admin_login {
	position: relative;
	display: block;
	float: none;
	margin: 10px auto;
	padding: 10px;
	width: 400px;
	border: 1px solid #CCC;
	border-bottom: 1px solid #AAA;
	border-radius: 4px;
	box-shadow: 0px 0px 2px #CCC;
	color: #333;
}
.ad_lg_title {
	display: block;
	width: 100%;
	padding: 30px 0px;
	font-size: 2em;
	line-height: 50px;
	text-align: center;
	color: #1A75E0;
}
.ad_lg_row {
	display: block;
	width: 100%;
	text-align: center;
	padding: 5px 0px;
}
.ad_lg_row input {
	display: inline-block;
	border: 1px solid #DDD;
	border-bottom: 1px solid #AAA;
	border-radius: 3px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	width: 200px;
}
.ad_lg_row input[type="button"] {
	display: inline-block;
	border: 1px solid #DDD;
	border-bottom: 1px solid #AAA;
	border-radius: 3px;
	height: 30px;
	line-height: 20px;
	padding: 5px;
	width: 200px;
	cursor: pointer;
	margin: 5px 0px;
}
.admin_h {
	position: absolute;
	display: block;
	right: 5px;
	top: 5px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	box-shadow: 0px 0px 2px #CCC;
	border-radius: 3px;
	overflow: hidden;
}
.admin_logout {
	display: block;
	width: 50px;
	height: 50px;
	background: url("../img/1-0.png") no-repeat center center #1A75E0;
}
/* SECTION MENU */
.sec_h {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: auto;
	border-bottom: 1px solid #AAA;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	box-shadow: 0px 1px 1px #CCC;
	background: #FAFAFA;
}
.sec_h .sec_i, .hr_tbl_cell .sec_i {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	padding: 8px;
	margin: 5px 5px 0px 5px;
	border-radius: 2px;
	background: #EEE;
	border: 1px solid #DDD;
	border-bottom: 1px solid #AAA;
	cursor: pointer;
}
.sec_h .sec_i_e, .hr_tbl_cell .sec_i_e {
	display: block;
	float: left;
	width: 18px;
	height: 18px;
	padding: 5px;
	margin: 0px 5px;
	border-radius: 2px;
	background: #EEE;
	border: 1px solid #DDD;
	border-bottom: 1px solid #AAA;
	cursor: pointer;
}
.sec_h .sec_i_e a {
	display: block;
	float: left;
	text-decoration: none;
	width: 18px;
	height: 18px;
}
.sec_h .sec_i a {
	display: block;
	float: left;
	text-decoration: none;
	width: 18px;
	height: 18px;
}
.sec_search_h {
	position: relative;
	display: block;
	float: left;
	margin: 5px 5px 0px 5px;
	width: 200px;
	border-radius: 3px;
	height: 34px;
	border: 1px solid #DDD;
	border-bottom: 1px solid #AAA;
	overflow: hidden;
	background: #EEE;
}
.sec_search_h input[type="text"]{
	border: none;
	display: block;
	width: 163px;
	padding: 2px 5px 2px 5px;
	height: 30px;
	background: #FFF;
}
.sec_btnsearch {
	position: absolute;
	display: block;
	width: 18px;
	height: 18px;
	right: 5px;
	top: 8px;
	background: #EEE;
	cursor: pointer;
	border: none;
}
.pagination_info {
	display: block;
	float: left;
	height: 18px;
	padding: 8px;
	margin: 5px 5px 0px 5px;
	border-radius: 2px;
	background: #FFF;
	border: 1px solid #DDD;
	border-bottom: 1px solid #AAA;
}
.sec_cntn_i {
	display: block;
    float: left;
    position: relative;
    width: 100%;
    
}
.sec_cntn {
	display: block;
	position: relative;
	overflow: auto;
	float: left;
	width: 100%;
}
.sec_tl_h {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	background: #1A75E0;
	color: #FAFAFA;
	margin: 0px 0px 5px 0px;
	box-shadow: 0px 1px 2px #555;
	z-index: 500;
}
.sec_m_cntn {
	position: relative;
	display: block;
	float: left;
	width: 100%;
}
.sec_tl {
	position: relative;
	display: inline-block;
	float: none;
	padding: 5px;
}
/*combobox*/
.admin_box{
	position:relative;
	display:block;
	float:left;
	width:15%;
	margin-right:10px;
}
.cbolocation{
	display: block;
	float: left;
	width:100%;
	border: medium none;
	border-color: #DDDDDD #DDDDDD #AAAAAA;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    color:#333;
    padding:5px 3px;
    height:35px;
 }
span{
	color:#333;
}
.sec_b_s{
	position:relative;
	display:block;
	float:left;
	width:98%;
	padding:1%
}
/* panel */
.m_pnl_sm {
	position: relative;
	display: block;
	float: left;
	width: 100%;
}
.m_pnl_h {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	z-index: 499;
}
.m_pnl_sm .pnl_i:hover {
	box-shadow: 1px 1px 1px #777;
}
.pnl_h {
	position: relative;
	display: block;
	float: left;
	width: 98%;
	padding: 1%;
}
.pnl_i {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	border-radius: 2px;
	overflow: hidden;
	background: #FAFAFA;
	box-shadow: 1px 1px 1px #DDD;
}
.report_today_numbers label{
    	background: none repeat scroll 0 0 #F1F2F3;
	    border-bottom: 1px solid #AEAEAE;
	    border-radius: 3px; 
	    padding: 10px;
	    position: absolute;
	    margin: 6px;
 } 
 .report_today_numbers {
    display: inline;
    float: left;
    font-weight: normal;
    margin-bottom: 50px;
    margin-left: 0;
    padding-left: 0px;
    text-align: left;
    overflow: hidden;
}
.report_today_numberss {
    display: inline;
    float: left;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0;
    padding-left: 0px;
    text-align: left;
    overflow: hidden;
}
.report_today_numberJ{
    display: inline;
    float: left;
    font-weight: normal;
    margin-bottom: 0px;
    margin-left: 0;
    padding-left: 0px;
    text-align: left;
    overflow: hidden;
    width: 100%;
    height: 50px;
}
.report_today_numberJ label{
	background: none repeat scroll 0 0 #F1F2F3;
	    border-bottom: 1px solid #AEAEAE;
	    border-radius: 3px; 
	    padding: 10px;
	    position: relative;
	    margin: 6px;
	    top: 20px;
	    margin-right: 8px;
}
.result_report{
	float: right;
	position: relative;
	right: 10px;
	top: 15px;
}
.result_reportJ{
	float: right;
	position: relative;
	right: 10px;
	top: 5px;
}
.c_rss{
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    box-shadow: 0 0 2px #4F4F4F inset;
    color: #FF0000;
    font-size: 18px;
    overflow: hidden;
    padding: 5px 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
}
.report_today_numberss label{
    	background: none repeat scroll 0 0 #F1F2F3;
	    border-bottom: 1px solid #AEAEAE;
	    border-radius: 3px; 
	    padding: 10px;
	    position: relative;
	    margin: 6px;
 }
.counts{
	background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    border-radius: 15px;
    box-shadow: 0 0 1px #AAAAAA;
    color: #FF0000 !important;
    cursor: pointer;
    display: block;
    font-size: 1em;
    height: 10px;
    line-height: 10px;
    padding: 8px;
    position: absolute;
    right: 4px;
    top: 7px;
}
.report_today_numberss .one {
    background: none repeat scroll 0 0 #F1F2F3;
	border-bottom: 1px solid #AEAEAE;
	border-radius: 3px; 
	padding: 10px;
	margin: 6px;
	float: left;
}
.report_today_numberss .two {
    background: none repeat scroll 0 0 #F1F2F3;
	border-bottom: 1px solid #AEAEAE;
	border-radius: 3px; 
	padding: 10px;
	margin: 6px;
	float: left;
}
.report_position{
	float: right;
	position: relative;
	display: block;
	float: left;
	width: 47%;
	height: 30px;
	color: #FFF;
	line-height: 30px;
	padding: 5px 1%;
	background: #1A75E0;
	cursor: pointer;
}
#ui-datepicker-div{
	z-index: 99999 !important;
}
.table_nav{
	display: block;
	text-align: center;
	position: relative;
	top: 11px;
	margin-bottom: 19px;
}
.count_report{
	color: #FF0000;
    font-size: 14px;
    font-weight: bold;
}
.pnl_title {
	position: relative;
	display: block;
	float: left;
	width: 98%;
	height: 30px;
	color: #FFF;
	line-height: 30px;
	padding: 5px 1%;
	background: #1A75E0;
	cursor: pointer;
	text-align: center;
}
.main_title{
	position: relative;
	display: block;
	float: left;
	width: 98%;
	height: 30px;
	color: #FFF;
	line-height: 30px;
	padding: 5px 1%;
	background: #1A75E0;
	cursor: pointer;
	text-align: center;
}
.in_pup {
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	right: -20px;
	bottom: 0;
	background: rgba(50,50,50,0.8);
	text-align: center;
	overflow: auto;
	z-index:9999;
}
.report_h6{
	position: relative;
	text-align: center;
	top: 15px;
}
.report_h6J{
	height: 51px;
    position: relative;
    text-align: center;
    top: 6px;
	
}
.in_pup_holder {
	display: inline-block;
	padding: 5px;
	margin: 50px auto auto auto;
	border-radius: 2px;
	overflow: hidden;
	width:70%
}
.in_pup .in_pup_closer {
	position: absolute;
	display: block;
	top: 10px;
	right: 30px;
	padding: 10px 15px;
	background: #FAFAFA;
	border-radius: 3px;
	cursor: pointer;
}
.in_pups {
	position: fixed;
	display: none;
	left: 0;
	top: 0;
	right: -20px;
	bottom: 0;
	background: rgba(50,50,50,0.8);
	text-align: center;
	overflow: auto;
	z-index:9999;
}
.in_pup_holders {
	display: inline-block;
	padding: 5px;
	margin: 50px auto auto auto;
	border-radius: 2px;
	overflow: hidden;
	width:70%
}
.in_pups .in_pup_closer {
	position: absolute;
	display: block;
	top: 10px;
	right: 30px;
	padding: 10px 15px;
	background: #FAFAFA;
	border-radius: 3px;
	cursor: pointer;
}
.jview {
	position: relative;
	display: inline-block;
	float: none;
	text-align: center;
	width: 33px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #CCC;
	background: #FAFAFA;
	color: #1A75E0;
	border-radius: 2px;
	margin: auto;
	cursor: pointer;
}
.jviewjob{
	position: relative;
	float: none;
	text-align: center;
	margin: auto;
	cursor: pointer;
}
.approved {
	position: relative;
	display: inline-block;
	float: none;
	text-align: center;
	width: 33px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #CCC;
	background: #FAFAFA;
	color: #FF0000;
	border-radius: 2px;
	margin: auto;
	cursor: pointer;
}
.approved:hover{
	color: #149741;
}

.unapproved {
	position: relative;
	display: inline-block;
	float: none;
	text-align: center;
	width: 33px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #CCC;
	background: #FAFAFA;
	color: #1A75E0;
	border-radius: 2px;
	margin: auto;
	cursor: pointer;
	font-weight:bold;
}
.unapproved:hover{
	color: #FF0000;
}
.hr_mnu_hide {
	position: absolute;
	left: 0px;
	top: 0px;
	display: block;
	width: 30px;
	height: 30px;
	border: 1px solid #DDD;
	border-radius: 1px;
	border-bottom: 1px solid #AAA;
	background: #FAFAFA;
	color: #333;
	z-index: 9999;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}
/* Date Time Picker */
#ui-datepicker-div {
		display: none;
		background: #FFF;
		border: 1px solid #DDD;
		border-bottom: 1px solid #AAA;
		border-radius: 2px;
		width: 260px;
		box-shadow: 0px 1px 2px #CCC;
	}
	.ui-datepicker-calendar {
		width: 100%;
	}
	.ui-datepicker-title {
		display: inline-block;
		height: 30px;
		padding: 2px;
		margin: 2px;
	}
	.ui-datepicker-title select {
		width: 80px;
		height: 26px;
		margin: 2px ;
		border: 1px solid #DDD;
		border-bottom: 1px solid #AAA;
		border-radius: 3px;
		cursor: pointer;
	}
	.ui-datepicker-calendar td {
		text-align: center;
		height: 20px !important;
	}
	.ui-datepicker-calendar td a{
		display: block;
		font-size: 14px;
		color: #333;
	}
	.ui-datepicker-calendar td a:hover {
		color: #FAFAFA !important;
	}
	.ui-datepicker-buttonpane{
		display:none !important;
	}
	.ui-datepicker-calendar td:hover {
		background: #149741;
		border-radius: 2px;
		height: 20px !important;
	}
	.ui-datepicker-prev  ,.ui-datepicker-next{
		display: inline-block;
		width: 30px;
		cursor: pointer;
		font-size: 13px;
		height: 20px;
		line-height: 20px;
		text-align: center;
		padding: 2px;
		margin: 2px;
		background: #EEE;
		border: 1px solid #DDD;
		border-bottom: 1px solid #AAA;
		border-radius: 2px;
	}
	.ui-state-highlight {
		background: #149741;
		color: #FAFAFA;
		height: 20px !important;
		border-radius: 3px;
	}
	a.ui-state-highlight {
		color: #FAFAFA !important;
	}
	.button_paper {
		border: 1px solid #DDD;
		border-bottom: 1px solid #AAA;
		border-radius: 2px;
		cursor: pointer;
	}
	.box_paper {
		border: 1px solid #DDD;
		border-top: 1px solid #AAA;
		border-left: 1px solid #BBB;
		border-radius: 2px;
	}
	.favourite {
		display: block;
		width: 30px;
		height: 30px;
		background: url("../img/stara.png")center center no-repeat #FAFAFA; 
	}
	.unfavourite {
		display: block;
		width: 30px;
		height: 30px;
		background: url("../img/starn.png")center center no-repeat #FAFAFA;
	}
	.favourite:hover {
		background: url("../img/starn.png")center center no-repeat #FAFAFA; 
	}
	.unfavourite:hover {
		background: url("../img/stara.png")center center no-repeat #FAFAFA;
	}
	.perpage_h {
		display: block;
		float: left;
		width: 140px;
		height: 36px;
		line-height: 36px;
		padding: 0px 0px 0px 5px;
		margin: 5px 5px 0px 5px;
	}
	#perpage {
		display: block;
		float: right;
		width: 40px;
		height: 29px;
		padding: 2px;
		border: 1px solid #AAA;
		border-radius: 2px;
		background: #EEE;
		border: 1px solid #BBB;
		border-bottom: 1px solid #AAA;
		text-align:center;
	}
	.b_r_approve{
		position:relative;
		float:left;
		display:block;
		padding-top:10px;
	}
	.btn_position{
		width:150px;
		float:left;
		height:35px;
		text-align:center;
		line-height:35px;
		margin: 5px 0px 0px 5px; 
		border:1px solid #dbdbdb;
		border-bottom: 1px solid #AAA;
		cursor: pointer;
	    background: #FFFFFF;
	    border-radius: 2px;
	    display: block;
	}
	.p_by_position {
		width:150px;
		float:left;
		height:35px;
		text-align:center;
		line-height:35px;
		margin: 5px 0px 0px 5px; 
		border:1px solid #dbdbdb;
		border-bottom: 1px solid #AAA;
		cursor: pointer;
	    background: #FFFFFF;
	    border-radius: 2px;
	    display: block;
	}
	.img_pop{
		width:100%;
		background-color: rgba(0, 0, 0, 0.1);
		height:500px;
		margin:0 auto;
		z-index: 99999999 !important;
	}
	.cbo_position{
		width:150px;
		float:left;
		height:35px;
		text-align:center;
		line-height:35px;
		margin: 5px 5px 0px 5px;
		border:1px solid #dbdbdb;
		border-bottom: 1px solid #AAA;
		cursor: pointer;
	    background: #FFFFFF;
	    border-radius: 2px;
	    display: block;
	}
	#cbo_pos{
		width:100%;
		height:100%;
		border:none;
		line-height:34px;
	}
.jump_search{
		float:left;
		position:relative;
		display:inline-block;
		width:150px;
		top:5px;
	}
	.go{
	    border:1px solid #DDD;
	    display: block;
	    height: 29px;
	    padding: 3px 10px;
	    width: 50px;
	    float:left;
	    text-align:center;
	}
	.btn_jump{
		float:left;
		position:relative;
		display:block;
		height: 38px;
		width:60px;
		cursor:pointer;
	}